<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的工资条</title>
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>
<body class="gray-bg">
<div class="row animated fadeInRight">
    <div class="ibox float-e-margins">
        <div id="ibox-content">
            <div id="vertical-timeline" class="vertical-container light-timeline" th:each="salary, salaryState : ${mySalary}">
                <div class="vertical-timeline-block">
                    <div class="vertical-timeline-icon blue-bg" th:text="${salary.salaryMonth}"
                         style="width: 45px;height: 45px;padding-top: 5px;font-size: 5px">
                    </div>
                    <div class="vertical-timeline-content">
                        <div class="wrapper wrapper-content  animated fadeInRight">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h3>应发项目</h3>
                                    <div class="ibox">
                                        <div class="ibox-content">
                                            <table class="table invoice-table">
                                                <tbody>
                                                <tr>
                                                    <td>
                                                        <div><strong>理应在职天数</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.dutyWorkDay}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>实际在职天数</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.actualWorkDay}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>基本工资</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.baseSalary}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>生活补贴</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.livingAllowance}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>餐费补贴</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.mealAllowance}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>交通补贴</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.transportationAllowance}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>通讯补贴</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.communicationAllowance}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>管理岗位津贴</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.managementPositionAllowance}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>技术岗位津贴</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.technologyPositionAllowance}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>外派津贴
                                                        </strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.expatriateAllowance}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>加班小时数</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.overtimeHours}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>加班费</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.overtimePay}"></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <h3>扣除项目</h3>
                                    <div class="ibox">
                                        <div class="ibox-content">
                                            <table class="table invoice-table">
                                                <tbody>
                                                <tr>
                                                    <td>
                                                        <div><strong>迟到分钟数</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.lateDeductionMinutes}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>迟到扣除金额</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.lateDeduction}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>事假天数</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.personalLeaveDays}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>事假扣款金额</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.personalLeaveDeduction}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>病假天数</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.sickLeaveDays}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>病假扣款金额</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.sickLeaveDeduction}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>个税扣除</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.personalTaxDeduction}"></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div><strong>五险一金扣除金额</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.fiveInsurancesAndOneFund}"></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <h3>合计</h3>
                                    <div class="ibox">
                                        <div class="ibox-content">
                                            <table class="table invoice-table">
                                                <tbody>
                                                <tr>
                                                    <td>
                                                        <div><strong>应发合计</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.needPayTotal}"></td>
                                                    <td>
                                                        <div style="text-align: left"><strong>实发合计</strong>
                                                        </div>
                                                    </td>
                                                    <td th:text="${salary.acctralPayTotal}"></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
</body>
</html>
